<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
    <title>Online Stationery Store | Registration</title>
    <link rel="stylesheet" type="text/css" href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.0/themes/smoothness/jquery-ui.css"/>
	<link rel="stylesheet" type="text/css" href="styles/validationEngine.jquery.css"/>
	<link rel="stylesheet" type="text/css" href="styles/register.css"/>
	<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.0/jquery-ui.min.js"></script>
	<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
	<script type="text/javascript" src="scripts/jquery.validationEngine-en.js"></script>
	<script type="text/javascript" src="scripts/jquery.validationEngine.js"></script>
	<script type="text/javascript" src="scripts/jsrender.js"></script>
	<script type="text/javascript" src="scripts/jshashtable-2.1.js"></script>
	<script type="text/javascript" src="scripts/jquery.numberformatter-1.2.3.min.js"></script>
	<script type="text/javascript" src="scripts/basket.js"></script>
    <script type="text/javascript" language="javascript">
	    
        $(document).ready(function () {
            // binds form submission and fields to the validation engine
            $("#form").validationEngine();
            
        });
    </script>
    
</head>
<body>
<form id="form" action="/Customer" method="POST">
	<div style="width: 320px;">
        <table width="320" style="padding-bottom: 30px; padding-top: 30px; padding-left: 10px;"
            border="0" cellspacing="0" cellpadding="0" align="center">
            <tr>
                <td align="center" class="TextBlack12">
                    <b>Online Stationery Store</b>
                </td>
            </tr>
            <tr>
                <td>
                    <br>
                    <fieldset class="TextBlack12" />
                    <legend class="TextBlack12"><b>Create Account</b></legend>
                    <table width="400px" border="0" cellspacing="3" cellpadding="3" align="center">
                        <tr>
                            <td style="text-align: right" class="TextBlack12">
                                First name
                            </td>
                            <td>
                                <input type="text" name="tbFirstname" id="tbFirstname" title="Customer's first name" maxlength="150" size="50" class="validate[required] textBlack12"/>
                                <label  class="asteric">*</label>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right" class="TextBlack12">
                                Last name
                            </td>
                            <td>
                                <input type="text" name="tbLastname" id="tbLastname" title="Customer's last name" maxlength="150" size="50" class="validate[required] textBlack12"/>
                                <label class="asteric">*</label>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right" class="TextBlack12">
                                Password
                            </td>
                            <td>
                                <input type="password" name="tbPassword" id="tbPassword" title="Passord is required" maxlength="150" size="50" class="validate[required] textBlack12"/>
                                <label class="asteric">*</label>
                            </td>
                        </tr>
                        
                        <tr>
                            <td style="text-align: right" class="TextBlack12">
                                Confirm Password
                            </td>
                            <td>
                                <input type="password" name="tbPasswordConfirm" id="tbPasswordConfirm" title="Confirm password is required" maxlength=50" size="50" class="validate[required],equals[tbPassword]] textBlack12" />
                                <label class="asteric">*</label>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right" class="TextBlack12">
                                E-mail
                            </td>
                            <td>
                                <input type="text" name="tbEmail" id="tbEmail" title="E-mail is required" maxlength="50" size="50" class="validate[required],custom[email]] textBlack12"/>
                                <label  class="asteric">*</label>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right" class="TextBlack12">
                                Phone
                            </td>
                            <td>
                                <input type="text" name="tbPhone" id="tbPhone" title="Phone is required" maxlength="50" size="50" class="validate[required],custom[phone]] textBlack12"/>
                                <label  class="asteric">*</label>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right" class="TextBlack12">
                                Address
                            </td>
                            <td>
                                <textarea rows="4" cols="50" name="tbAddrees" id="tbAddrees" title="E-mail is required" maxlength="50" size="10" class="validate[required] textBlack12"></textarea>
                                <label class="asteric">*</label>
                            </td>
                        </tr>
                         <tr>
                            <td style="text-align: right" class="TextBlack12">
                                City
                            </td>
                            <td>
                                <input type="text" name="tbCity" id="tbCity" title="City is required" maxlength="150" size="50" class="validate[required] textBlack12"/>
                                <label class="asteric">*</label>
                            </td>
                        </tr>

                        <tr>
                            <td style="text-align: right" class="TextBlack12">
                                Country
                            </td>
                            <td>
                                <input type="text" name="tbCountry" id="tbCountry" title="Country is required" maxlength="150" size="50" class="validate[required] textBlack12"/>
                                <label class="asteric">*</label>
                            </td>
                        </tr>

                        <tr>
                            <td style="text-align: right" class="TextBlack12">
                                ZIP Code
                            </td>
                            <td>
                                <input type="text" name="tbZipCode" id="tbZipCode" title="Country is required" maxlength="150" size="50" class="validate[required] textBlack12"/>
                                <label class="asteric">*</label>
                            </td>
                        </tr>
                        <tr>
                            <td align="center" colspan="2">
                                <input type="Submit" value="Submit"/>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</form>
    
</body>
</html>
